﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="zhiweisousuo.aspx.cs" Inherits="OnlineRecruit.zhiwei" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
         body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
    }

 
    footer {
        background-color: #333;
        color: white;
        text-align: center;
        padding: 10px 0;
        position: fixed;
        bottom: 0;
        width: 100%;
    }
     .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        header {
            text-align: center;
            margin-bottom: 30px;
        }

        .logo {
            font-size: 2rem;
            font-weight: bold;
            color: #1a73e8;
        }

        .search-box {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 30px;
        }

        .search-input {
            padding: 10px;
            font-size: 1rem;
            width: 300px;
            border-radius: 5px;
            border: 1px solid #ccc;
        }

        .search-btn {
            padding: 10px 20px;
            background-color: #1a73e8;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .search-btn:hover {
            background-color: #1557b0;
        }

        .search-results {
            margin-top: 30px;
        }

        .job-card {
            padding: 20px;
            border: 1px solid #ddd;
            margin-bottom: 20px;
            border-radius: 5px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .job-title {
            font-size: 1.5rem;
            font-weight: bold;
            color: #333;
        }

        .job-meta {
            font-size: 1rem;
            color: #555;
            margin-top: 10px;
        }

        .job-salary {
            font-size: 1.1rem;
            color: #1a73e8;
            margin-top: 10px;
        }

        .job-description {
            margin-top: 10px;
            color: #777;
        }

        .no-results {
            color: #ff0000;
            text-align: center;
            font-size: 1.2rem;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">

        <div class="container">
        <header>
            <p>精准匹配理想职位</p>
        </header>

        <div class="search-box">
            <div class="search-form">
                <asp:TextBox ID="txtKeyword" runat="server" CssClass="search-input" placeholder="输入职位关键词"></asp:TextBox>
                <asp:TextBox ID="txtLocation" runat="server" CssClass="search-input" placeholder="输入工作地点"></asp:TextBox>
                <asp:Button ID="btnSearch" runat="server" CssClass="search-btn" Text="搜索职位" OnClick="btnSearch_Click" />
            </div>
        </div>

        <div id="searchResults" class="search-results">
            <asp:Repeater ID="rptJobs" runat="server">
                <ItemTemplate>
                    <div class="job-card">
                        <div class="job-title"><%# Eval("Title") %></div>
                        <div class="job-meta"><%# Eval("Company") %> · <%# Eval("Location") %> · <%# Eval("Type") %></div>
                        <div class="job-salary"><%# Eval("Salary") %></div>
                        <div class="job-description"><%# Eval("Description") %></div>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
            <asp:Label ID="lblNoResults" runat="server" CssClass="no-results" Visible="false" Text="未找到匹配的职位"></asp:Label>
        </div>
    </div>
    </form>
</body>
</html>
